<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script type="text/html" id="htmlTypes">
        image:{
        name:'image'
        },
        qrcode:{
        name:'qrcode'
        },
        barcode:{
        name:'barcode'
        },
        label: {
        name: 'label'
        },//文本输入
        //------- 外部接口传入控件类型 ---------------------
        textInput: {
        name: 'textInput'
        },
        selectInput: {
        name: 'selectInput'
        },
        repeatSelect: {
        name: 'repeatSelect'
        },
        read: {
        name: 'read'
        },
        other: {
        name: 'other'
        }
    </script>

    <!--控件设计态(page_design_control_****)和运行态(page_runtime_control_****)模板，-->

    <!--运行态模板设置-->
    <!--二维码模板-->
    <script type="text/html" id="page_design_control_qrcode">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
            <img src="{{AbsoluteDesign.getContextPath()}}res_engine/page_design/pc/images/qrcode-default.svg" />
        </div>
    </script>
    <script type="text/html" id="page_runtime_control_qrcode">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
        {{include 'control-field-runtime-tpl' ({item:item})}}
        </div>
    </script>

    <!--条形码模板-->
    <script type="text/html" id="page_design_control_barcode">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
            <img src="{{AbsoluteDesign.getContextPath()}}res_engine/page_design/pc/images/barcode-default.svg"  />
        </div>
    </script>
    <script type="text/html" id="page_runtime_control_barcode">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
        {{include 'control-field-runtime-tpl' ({item:item})}}
        </div>
    </script>

    <!--图片模板-->
    <script type="text/html" id="page_design_control_image">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
            <img  src="{{control.otherAttrs.img?control.otherAttrs.img:AbsoluteDesign.getContextPath()+'res_engine/page_design/pc/images/image-default.svg'}}"  />
        </div>
    </script>
    <script type="text/html" id="page_runtime_control_image">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">
        {{include 'control-field-runtime-tpl' ({item:item})}}
        </div>
    </script>

    <!--文本输入类-->
    <script type="text/html" id="page_design_control_textInput">
        {{if control.controlType=='textarea'}}

        <textarea  placeholder="请输入" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}</textarea>
        {{else}}
        <input placeholder="请输入" type="text" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}" />
        {{/if}}
    </script>
    <script type="text/html" id="page_runtime_control_textInput">
        {{if control.controlType=='textarea'}}
        <oui-form type="textarea" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}</oui-form>
        {{else}}
        <oui-form type="{{control.controlType}}" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}" ></oui-form>
        {{/if}}
    </script>
    <!--选择输入类-->
    <script type="text/html" id="page_design_control_selectInput">
        {{if control.controlType=='textarea'}}
        <textarea  placeholder="请输入" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}</textarea>
        {{else}}
        <input placeholder="请输入" type="text" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}" />
        {{/if}}
    </script>
    <script type="text/html" id="page_runtime_control_selectInput">
        {{if control.controlType=='textarea'}}
        <oui-form type="textarea" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}</oui-form>
        {{else}}
        <oui-form type="{{control.controlType}}" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}" ></oui-form>
        {{/if}}
    </script>
    <!--平铺输入类-->
    <script type="text/html" id="page_design_control_repeatSelect">
        {{if control.controlType=='textarea'}}
        <textarea  placeholder="请输入" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}</textarea>
        {{else}}
        <input placeholder="请输入" type="text" class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}" />
        {{/if}}
    </script>
    <script type="text/html" id="page_runtime_control_repeatSelect">
        {{if control.controlType=='textarea'}}
        <oui-form type="textarea" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}</oui-form>
        {{else}}
        <oui-form type="{{control.controlType}}" class="control-field-value-abs" id="{{control.id}}" name="{{control.id}}" fieldStyle="{{AbsoluteDesign.findFieldStyle4Dom(control)}}" value="{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}" ></oui-form>
        {{/if}}
    </script>
    <!--查看类-->
    <script type="text/html" id="page_design_control_read">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}</div>
    </script>
    <script type="text/html" id="page_runtime_control_read">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}</div>
    </script>
    <!--other-->
    <script type="text/html" id="page_design_control_other">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{AbsoluteDesign.startTemplateTag}}{{control.name}}{{AbsoluteDesign.endTemplateTag}}</div>
    </script>
    <script type="text/html" id="page_runtime_control_other">
        <div  class="control-field-value-abs" style="{{AbsoluteDesign.findFieldStyle4Dom(control)}}">{{=AbsoluteDesign.trimTpl('control-field-runtime-tpl',({item:item}))}}</div>
    </script>

    <!--列表页面模板-->
    <!--设计态列表模板-->
    <script type="text/html" id="list_design_content_tpl">
        <div class="toolbar">
            <div class="header">
                <div class="button-wrap">
                    <button oui-e-click="event2new" type="button" class="btn">
                        <span>新增</span>
                    </button>
                    <button oui-e-click="event2edit" type="button" class="btn">
                        <span>编辑</span>
                    </button>
                    <button oui-e-click="event2remove" type="button" class="btn">
                        <span>删除</span>
                    </button>
                </div>
                <div class="search">
                    <oui-condition id="simple-search-condition" showType="10" type="condition" callback="" cancelback="">

                    </oui-condition>
                </div>
            </div>
        </div>
        <div class="table-details">
            <oui-table id="list-{{AbsoluteDesign.data.id}}"
                       type="tablegrid"
                       showHLines="false"
                       style="height: 100%"
                       allowColumnResize="true"
                       allowAlternating="true"
                       multiSelect="true"
                       onCelldblclick=""
                       onAfterLoad=""
                       onCellClick=""
                       lockColumnSize="2"
                       showHeaderLines="false"
                       showColumnsMenu="false"
                       dataUrl="{{AbsoluteDesign.startTemplateTag}}logic4query{{AbsoluteDesign.endTemplateTag}}"
                       emptyTips="暂无数据">
                <oui-columns>
                    <oui-column-checkbox width="40" headerAlign="center" align="center"></oui-column-checkbox>
                    <oui-column fieldName="id"  hideable4menu="true" visible="false"></oui-column>
                    <oui-column fieldName="eid"  hideable4menu="true" visible="false"></oui-column>

                    {{each AbsoluteDesign.findItems4list() as item index}}
                    <oui-column allowSort="true" width="120" fieldName="{{item.id}}" align="left" headerAlign="left">{{item.name}}</oui-column>
                    {{/each}}
                </oui-columns>
                <oui-pager id="oui-pager" type="pager" showPageNumSize="10" pageIndex="1" pageSize="10" total="1" class="oui-class-pager text-right"></oui-pager>
            </oui-table>
        </div>
    </script>

    <!--运行态列表页面-->
    <script type="text/html" id="list_runtime_content_tpl">
        <div class="toolbar">
            <div class="header" style="display: inline-block;">
                <div class="button-wrap" style="float: left">
                    <button oui-e-click="event2new" menu-id="{{AbsoluteDesign.data.id}}" new-save-url="{{AbsoluteDesign.startTemplateTag}}logic4new{{AbsoluteDesign.endTemplateTag}}" type="button" class="btn">
                        <span>新增</span>
                    </button>
                    <button oui-e-click="event2edit" menu-id="{{AbsoluteDesign.data.id}}" type="button" class="btn">
                        <span>编辑</span>
                    </button>
                    <button oui-e-click="event2remove" menu-id="{{AbsoluteDesign.data.id}}"  type="button" class="btn">
                        <span>删除</span>
                    </button>
                </div>
                <div class="search" style="float: right">
                    <oui-condition id="simple-search-condition" showType="10" type="condition" callback="" cancelback="">

                    </oui-condition>
                </div>
            </div>
        </div>
        <div class="table-details">
            <oui-table id="list-{{AbsoluteDesign.data.id}}"
                       type="tablegrid"
                       showHLines="false"
                       style="height: 100%"
                       allowColumnResize="true"
                       allowAlternating="true"
                       multiSelect="true"
                       onCelldblclick=""
                       onAfterLoad=""
                       onCellClick=""
                       lockColumnSize="2"
                       showHeaderLines="false"
                       showColumnsMenu="false"
                       dataUrl="{{AbsoluteDesign.startTemplateTag}}logic4query{{AbsoluteDesign.endTemplateTag}}"
                       emptyTips="暂无数据">
                <oui-columns>
                    <oui-column-checkbox width="40" headerAlign="center" align="center"></oui-column-checkbox>
                    <oui-column fieldName="id"  hideable4menu="true" visible="false"></oui-column>
                    <oui-column fieldName="eid"  hideable4menu="true" visible="false"></oui-column>

                    {{each AbsoluteDesign.findItems4list() as item index}}
                    <oui-column allowSort="true" width="120" fieldName="{{item.id}}" align="left" headerAlign="left">{{item.name}}</oui-column>
                    {{/each}}
                </oui-columns>
                <oui-pager id="oui-pager" type="pager" showPageNumSize="10" pageIndex="1" pageSize="10" total="1" class="oui-class-pager text-right"></oui-pager>
            </oui-table>
        </div>
    </script>
</body>
</html>

